import axios from 'axios';
import React, { Component } from 'react'

// import Header from './components/Header'
// import ItemList from './components/ItemList'
// import Footer from './components/Footer'

import './App.css';

// export class App extends Component {

//   state = {
//     todos:[
//       {id: '001', name: '吃饭', done: true},
//       {id: '002', name: '睡觉', done: true},
//       {id: '003', name: '打代码', done: true},
//       {id: '004', name: '逛街', done: true}
//     ]
// }

//   addTodo = (todoObj) => {
//     console.info('addTodo', this)
//     const {todos} = this.state
//     const newTodos = [todoObj,...todos]
//     this.setState({todos: newTodos})
//   }

//   updateTodo = (id, done) => {
//     const {todos} = this.state
//     const newTodos = todos.map((todoObj)=>{
//       return todoObj.id === id ? {...todoObj, done:done} : todoObj
//     })
//     this.setState({todos: newTodos})
//   }

//   deleteTodo = (id) => {
//     const {todos} = this.state
//     const newTodos = todos.filter((todoObj)=>{
//       return todoObj.id !== id
//     })
//     this.setState({todos: newTodos})
//   }

//   checkAllTodo = (done) =>{
//     const {todos} = this.state
//     const newTodos = todos.map((objTodo) => {
//       return {...objTodo, done}
//     })
//     this.setState({todos: newTodos})
//   }

//   deleteAllTodoDone = () => {
//     const {todos} = this.state
//     const newTodos = todos.filter((todoObj) => {return !todoObj.done})
//     this.setState({todos: newTodos})
//   }
//   render() {
//     return (
//       <div className='card'>
//         <div className="card-header">
//           <Header addTodo={this.addTodo} />
//         </div>

//         <ItemList todos={this.state.todos} updateTodo={this.updateTodo} deleteTodo={this.deleteTodo}/>

//         <div className="card-footer">
//           <Footer todos={this.state.todos} checkAllTodo={this.checkAllTodo} deleteAllTodoDone={this.deleteAllTodoDone}/>
//         </div>
//       </div>
//     );
//   }
// }

export default class App extends Component {

  getStudentData = () => {
    axios.get('http://localhost:3000/portal/students').then(
      response => {
        console.log(`成功了`, response.data)
      },
      error => {
        console.log(`失败了`, error)
      }
    )
  }

  render() {
    return (
      <div>
        <button className="btn btn-primary" onClick={this.getStudentData}>点我获取学生数据</button>
      </div>
    )
  }
}

